var paramCustomer ={
    action:{
             Customer :"cus"
            , customerAdd:"addCustomer"
            ,customerEidt:"updateCustomer"
            ,customerDele:"deleCustomer"
            ,customerLikeName:"likeCustmoer"
            ,ExportCustomer:"ExportCustomer"
    }


}

var vue;
$(function () {
  list1 =1;

    $("#AddBnt").click(function () {
        $("#context").fadeOut();
        $("#AddBox").removeClass("hide")
        $("#AddBox").fadeIn(1000);
    });
    $("#bntacolse").click(function () {
        $("#AddBox").fadeOut(1000);
        $("#context").fadeIn();
    })
    $("#bntadd").click(function () {
    Customerbntadd();
})
    ,
 vue =new Vue({
        el:"#context",
        data:{
            message:[],
            likeCus:[],
            list:"aa"
        },
      methods: {

          modth: function (data,cpage,back) {
              var _this =this;
              $("#demo7").remove();
              if (cpage == null) {
                  if ($("#demo8 .layui-laypage-curr").length > 0) {//如果存在当前页，则页码为当前页
                      cpage = $("#demo8 .layui-laypage-curr").text()
                  } else {
                      cpage = 1;
                  }
              }
              this.$http.get('likeCustmoer',{params:{customerName:data,curr_page:cpage}},{emulateJSON: true})
                  .then((response) => {
                 this.message = response.body.list;
                 console.log(response.body.list);
                 console.log(this.likeCus);
                 console.log(this.message);
             //    paramCustomer.layui("#demo7",response.body.mesCode,modeh);

                  layui.use('laypage', function () {
                      var laypage = layui.laypage;
                      //执行一个laypage实例
                      laypage.render({
                           elem: 'demo8' //注意，这里的 test1 是 ID，不用加 # 号
                          ,count: response.body.mesCode //数据总数，从服务端得到
                          ,curr: cpage//当前页
                          ,limit:6//每页显示的记录数
                          ,groups:4//连续出现的页码数
                          , layout: ['prev', 'page', 'next', 'refresh']
                          , jump: function (obj, first) {//回调函数
                              //obj包  含了当前分页的所有参数，比如：
                              //console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                              //console.log(obj.limit); //得到每页显示的条数
                              //首次不执行
                              if (!first) {
                                  //do something
                                  back(obj.curr);
                              }
                          }
                      });
                  });

              });

          }
}
    })
    //分页
    finPage();
    //显示可以编辑状态
    $("#context").on("click",".bntEdit",function () {
       $(this).parent().parent().parent().find("input[readonly='readonly']").attr("readonly",false);
        $(this).next().addClass("hide");
        $(this).addClass("hide");
        $(this).next().next().removeClass("hide");
        $(this).next().next().next().removeClass("hide");
    });

    //显示编辑按钮
    Deit();
    //删除
    deletel();
    /**
     * 模糊查询
     */
    finLikePage()
    /**
     * 变成不可编辑
     */
    bntcolse()
})

/**
 *
 */
function finLikePage(){
    $("#Search").click(function click1(cpage) {
        var t=$("#SearchText").val();
        console.log(t);
        vue.modth(t,cpage,click1);
    })
}
/**
 * 跳转客户订单界面
 * @param pk
 */
// function gotoOredrPage(pk) {
//     //创建cookie 存放id
//     write_cookie(pk,pk);
//       var arr=paramCustomer.page.customerOrder;
//       parent.indexParam.add_tab(arr[1],arr[2],arr[0]);
//     parent.$("#a_"+arr[2]).parent().siblings().removeClass("active");
//     parent.$("#"+arr[1]).siblings().removeClass("active in");
// }
//
// /**
//  * 新增客户
//  */
// function gotoAddCustmer() {
//     //创建cookie 存放id
//     var arr=paramCustomer.page.customerAdd;
//     parent.indexParam.add_tab(arr[1],arr[2],arr[0]);
//     parent.$("#a_"+arr[2]).parent().siblings().removeClass("active");
//     parent.$("#"+arr[1]).siblings().removeClass("active in");
// }
/**
 * 创建cookie
 * @param c_name
 * @param value
 * @param expiredays
 */

function write_cookie(key,valuem,cookieDomain,cookiePath,expireTime,targeWindow){
    var strAooendix="";
    strAooendix+=cookieDomain?";domain="+cookieDomain:"";
    strAooendix+=cookiePath?";path="+cookiePath:"";
    strAooendix+=expireTime?";expire="+expireTime:"";
    targeWindow =targeWindow?targeWindow:top;
    targeWindow.document.cookie=escape(key)+"="+escape(valuem)+strAooendix;
}


function finPage(acpg) {
    requestUtilParams.findPageData(paramCustomer.action.Customer,acpg,"#context","demo7",finPage).done(function (res) {
                var lits =res;
                console.log(res);
                  var $div=$("#context");
                  vue.message=res.list;
                console.log(vue.message);
                  for (var i =0 ; i<res.length;i++){
                  // var $childDiv=$('<div class="costmer_sielg">\n' +
                  //     '             <div class="costmer_header">\n' +
                  //     '                 <div class="costmer_left">\n' +
                  //     '                     <img src="../../images/tx.png" width="60px" height="60px" class="image" onclick="gotoOredrPage()">\n' +
                  //     '                     <input type="hidden" value="163">\n' +
                  //     '                     <div class="costmer_info"><span class="costmer_name">'+res.customerName+'</span></div>\n' +
                  //     '                     <div class="costmer_info">\n' +
                  //     '                         <button class="btn btn-xs" id="bntEdit"> 编辑</button> <button class="btn btn-xs">删除</button>\n' +
                  //     '                         <button class="btn btn-xs hide">确定编辑</button>\n' +
                  //     '                     </div>\n' +
                  //     '\n' +
                  //     '                 </div>\n' +
                  //     '                 <div class="costmer_right">\n' +
                  //     '                     <div class="costmer_info costmer_right_info"><span>公司:</span> <input type="text" value='+res.customerCompany+' readonly name="costmer_company"></div>\n' +
                  //     '                     <div class="costmer_info costmer_right_info"><span>电话：</span><input type="text" value='+res.customerPhone+'readonly name="costmer_phone"></div>\n' +
                  //     '                     <div class="costmer_info costmer_right_info"><span>地址：</span><input type="text" value='+list.customerAddre+' readonly name="costmer_addre"></div>\n' +
                  //     '                 </div>\n' +
                  //     '             </div>\n' +
                  //     '             </div>\n' +
                  //     '         </div>')
                  //   $div.append(childDiv);
                }
        })
}


/**
 * 客户信息新增
 * @constructor
 */
function Customerbntadd() {

    var data=$("#Addform").serialize();

    if (data=="customerName=&customerCompany=&customerPhone=&customerAddre="){
        alert("空");
    }else {
    console.log(data);
    requestUtilParams.xhr(paramCustomer.action.customerAdd,data).done(function (res) {
        if (res.mesCode == 0 && res.mesCode==null){
            alert(新增失败);
            return false;
        } else if (res.mesCode > 0) {
            alert("你新增了"+res.mesCode+"条信息");
            return false;
        }
    })
    }
}

/**
 * 删除信息
 */
function deletel() {
    $("#context").on("click",".bntdelete",function () {
        var this_ =this;
        if (confirm('确实要删除吗?')){
        var name =$(this).prev().prev().val();
        var data = {customerId:vue.message[name].customerId};
        requestUtilParams.xhr(paramCustomer.action.customerDele,data).done(function (res) {
            if (res.mesCode == 0 ){
                alert(删除失败);
            } else if (res.mesCode > 0) {
               $(this_).parent().parent().parent().empty();
                alert("你删除了"+res.mesCode+"条信息")
            }
          })
        }
    })
}

/**
 * 修改信息
 * @constructor
 */
function Deit() {
    $("#context").on("click",".OkbntEdit",function () {
            var _this =this;
         var name =$(this).prev().prev().prev().val();
        var data = {customerId:vue.message[name].customerId, customerName:vue.message[name].customerName,customerCompany:vue.message[name].customerCompany,customerPhone:vue.message[name].customerPhone, customerAddre:vue.message[name].customerAddre};
        console.log(data);
        requestUtilParams.xhr(paramCustomer.action.customerEidt,data).done(function (res) {
            if (res==0){
                alert("修改失败");
            } else {
                alert("你修改了"+res+"条信息");
                $("input[readonly='readonly']").attr("readonly",true);
                $(_this).next().addClass("hide");
                $(_this).addClass("hide");
                $(_this).prev().prev().removeClass("hide");
                $(_this).prev().removeClass("hide");
            }
        })

    });
}
/**
 * 隐藏取消
 */
function bntcolse() {
    $("#context").on("click",".bntcolse",function () {
        $(this).parent().parent().parent().find("input[readonly='readonly']").attr("readonly",true);
        $(this).prevAll().removeClass("hide");
        $(this).addClass("hide");
        $(this).prev().addClass("hide");
    })
}
